element-ui的el-cascader级联选任意一级去掉单选按钮前面的图标 1、遇到的问题: vue项目中需要使用element的el-cascader组件,并且可以选择任意一级的内容。还要去掉前面的radio标签。 2、问题分析: element的el-cascader组件级联选择器,通过 props.checkStrictly = true 来设置父子节点取消选中关联,从而达到选择任意一级选项的目的。但是体验感不强,需要点中小圆圈才可以选中,如果项目中使用了懒加载的话,还需要再点击文字加载下一级,这样子体验感很差。又或者说不需要点radio标签,而是点击文字呢? 3、解决方法 (1) checkStrictly: true, //1、checkStrictly: true 设置父子节点取消选中关联,从而达到选择任意一级选项的目的。 (2) expandTrigger:‘hover’ //2、expandTrigger:‘hover’ 解决使用懒加载因为有遮罩层,而无法点击文字选择下一层问题
methods: {
cascaderChange(val) {
this.$refs.cascader.toggleDropDownVisible()
console.log(val)
},
}
|